Progettazione delle icone della barra degli strumenti di Internet Explorer

Per creare un'icona per la barra degli strumenti, sarα necessario definire ogni immagine con due intensitα di colore e in due dimensioni, una per ciascuno degli stati della barra, ovvero monocromatica per lo stato predefinito e a colori per lo stato attivo quando l'utente posiziona il mouse su di essa.

Creazione di immagini

1. Dopo avere disegnato le immagini utilizzando un programma di grafica, posizionare le immagini a 16 e a 256 colori in file separati.
2. Associare ogni file alla tavolozza di Windows appropriata, a 16 colori o dei mezzitoni. Assegnare un colore specifico per la trasparenza.
3. Salvare ogni file in formato .bmp.

Di seguito vengono riportate le immagini necessarie:

Stato dell'icona	Grandezza, in pixel	Intensitα del colore/Tavolozza	Bordo	Aspetto	Esempio
Attivo	20 per 20	Tavolozza a mezzitoni di Windows a 256 colori	Stile bordi delle icone: a colori sui margini superiore e sinistro e in nero sui margini inferiore e destro	Immagine a colori Pi∙ ombreggiatura e profonditα rispetto ad un'immagine a 16 colori Una sorgente luminosa dall'angolo superiore sinistro e un'ombreggiatura dove necessario
	20 x 20	Tavolozza di Windows a 16 colori	Nero, tranne quando un bordo impedisce la corretta lettura di un'icona	Immagine a colori Poca ombreggiatura; nessun effetto
	16 x 16	Tavolozza di Windows a 16 colori	Nero, tranne quando un bordo impedisce la corretta lettura di un'icona	Immagine a colori Poca ombreggiatura; nessun effetto
Predefinito	20 x 20	Tavolozza a mezzitoni di Windows a 256 colori	Stile bordi delle icone: a toni di grigio sui margini superiore e sinistro e in nero sui margini inferiore e destro	Immagine monocromatica Pi∙ ombreggiatura e profonditα rispetto ad un'immagine a 16 colori Una sorgente luminosa dall'angolo superiore sinistro e un'ombreggiatura dove necessario
	20 x 20	Tavolozza di Windows a 16 colori	Nero, tranne quando un bordo impedisce la corretta lettura di un'icona	Immagine monocromatica Poca ombreggiatura; nessun effetto
	16 x 16	Tavolozza di Windows a 16 colori	Nero, tranne quando un bordo impedisce la corretta lettura di un'icona	Immagine monocromatica Poca ombreggiatura; nessun effetto

Assicurarsi che la transizione visiva tra le immagini predefinite e quelle attive sia omogenea. Un metodo semplice per effettuare un controllo consiste nel creare livelli separati per tali immagini utilizzando un programma fotografico che consenta di visualizzarle in sovrapposizione.

Modifica di immagini bitmap in icone

Sarα necessario creare due file .ico per ciascuna icona:

• Il primo file contiene l'immagine attiva, a colori, con entrambe le dimensioni e le intensitα di colore.
• Il secondo file contiene le immagini predefinite, monocromatiche, con entrambe le dimensioni e le intensitα di colore.

Si consiglia di utilizzare un programma di grafica per disegnare le icone e un ambiente di sviluppo, ad esempio Microsoft Visual C++ Development Studio, per creare i file di icona.

Esempio

I due file .ico dell'icona Pagina iniziale contengono le seguenti immagini:

Stato attivo	Stato predefinito

Per creare file di icona in Visual C++

1. Aprire ciascun file .bmp.
2. Scegliere New dal menu File, quindi fare clic su Icon. Come impostazione predefinita, la finestra dell'icona che viene visualizzata contiene l'immagine di un video standardi 32 x 32 pixel.
3. Nella finestra icona, fare clic su New Device Image. Fare clic su Custom, quindi creare le seguenti immagini video:
   • Un'immagine a 16 colori, 22 x 20 pixel
   • Un'immagine a 256 colori, 22 x 20 pixel
   • Un'immagine a 16 colori, 18 x 16 pixel

   Nota

   • Le immagini video sono maggiori di due pixel se paragonate alle altre immagini. Posizionare le immagini al centro dell'area del video.
4. Eliminare l'immagine video predefinita di 32 x 32 pixel.
5. Copiare le immagini a colori dai file .bmp e incollarle nella dimensione e intensitα di colore apprpriata dell'immagine video.
6. Per rendere trasparente lo sfondo, selezionare il colore trasparente dalla tavolozza dei colori e applicarlo allo sfondo di tutte le immagini che si desidera rendere trasparenti.
7. Salvare questo file come file di icona.

Per creare un file di icona monocromatico predefinito, seguire la stessa procedura.